<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp"%>

<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <%@ include file="/commons/meta.jsp"%>
<title>${project.project_name },项目介绍,初学者论坛,beginer,BeginCode,begincode</title>
<!-- Bootstrap -->
<link href="${ctx}/css/bootstrap.css" rel="stylesheet">
 <script src="${ctx}/js/jquery.min.js"></script>
<style type="text/css">

.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px
}

.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px
}

.bs-callout p:last-child {
	margin-bottom: 0
}

.bs-callout code {
	border-radius: 3px
}

.bs-callout+.bs-callout {
	margin-top: -5px
}

.bs-callout-danger {
	border-left-color: #d9534f
}

.bs-callout-danger h4 {
	color: #d9534f
}

.bs-callout-warning {
	border-left-color: #f0ad4e
}

.bs-callout-warning h4 {
	color: #f0ad4e
}

.bs-callout-info {
	border-left-color: #5bc0de
}

.bs-callout-info h4 {
	color: #5bc0de
}
.bs-docs-header {
	position: relative;
	padding: 30px 15px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	background-color: #3071a9;
	background-repeat: repeat-x;
}

.bs-docs-header {
	margin-bottom: 40px;
	font-size: 20px
}

.bs-docs-header h1 {
	margin-top: 0;
	color: #fff;
}

.bs-docs-header p {
	margin-bottom: 0;
	font-weight: 300;
	line-height: 1.4;
}

.bs-docs-header .container {
	position: relative;
}
.container h1 {
	margin-top: 0;
	color: #fff;
	text-align: left;
	font-weight:bold;
}
.container p {
	text-align: left;
}
.bs-docs-footer {
	margin-top: 0;
	border-top: 0
}

.bs-docs-footer {
	padding-top: 40px;
	padding-bottom: 20px;
	color: #777;
	text-align: center;
	border-top: 1px solid #e5e5e5
}

.bs-docs-footer-links {
	padding-left: 0;
	margin-top: 20px;
	color: #999
}

.bs-docs-footer-links li {
	display: inline;
	padding: 0 2px
}

.bs-docs-footer-links li:first-child {
	padding-left: 0
}

@media (min-width:768px) {
	.bs-docs-footer p {
		margin-bottom: 0;
		text-align: center;
	}
}


</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<jsp:include  page="top.jsp"/>


 <div class="bs-docs-header" id="content"  style="margin-bottom:20px;">
      <div class="container">
        <h1>${project.project_name }</h1>
        <p>${project.project_intro }</p>
        
      </div>
    </div>
    
     
	
	<div class="container .col-xs-" >
		<div class="row">
					<div class="col-md-12" >
					<ul class="list-group panel panel-primary" style="margin-bottom:10px;">
						<c:forEach items="${proStages}" var="proStage">
						
						
							  <li class="list-group-item">
									<h3 style="color:#5bc0de"><a href="${ctx}/project/viewProStage/${proStage.project_stage_id}.html"> ${proStage.stage_name }</a></h3>
									<p><a style="TEXT-DECORATION:none;color:#000" href="${ctx}/project/viewProStage/${proStage.project_stage_id}.html">
   									 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${proStage.stage_abstract} 
   									 </a></p>
									<div class="row">
										<div  class="col-md-6">
										 <p style="text-align: left;"></p>
									
										</div>
										<div  class="col-md-6">
										 <p style="text-align: right;"> <b>作者</b>：${proStage.writer }&nbsp;|&nbsp;<b>阅读</b>(${proStage.view_count })&nbsp;
									
									</div>
									</div>
									
							  </li>
							  
							<!--  
							 <div class="bs-callout bs-callout-info" style="margin-top:0;" >
							       <h4 ><a href="${ctx}/chapter/viewChapter/${chapter.course_chapter_id}.html"> ${chapter.chapter_title }</a> </h4>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a style="TEXT-DECORATION:none;color:#000" href="${ctx}/chapter/viewChapter/${chapter.course_chapter_id}.html">
    ${chapter.cha_abstract} </a>
     <a href=""><span class="label label-primary">详细内容...</span></a>  </p>

							  </div> -->
						</c:forEach>
							 </ul>
					</div>
			 </div>

	</div><jsp:include page="foot.jsp"></jsp:include>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="${ctx}/js/bootstrap.min.js"></script>
</body>
</html>
